<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Ng Alain - 一个基于 Antd 中后台前端解决方案</title>
  <base href="/">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <link rel="preconnect" href="https://gw.alipayobjects.com" crossorigin="anonymous">
  <link rel="preconnect" href="https://img.alicdn.com" crossorigin="anonymous">
  <link rel="preconnect" href="https://dummyimage.com" crossorigin="anonymous">
  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
  <link rel="preconnect" href="https://vars.hotjar.com">
  <link rel="preconnect" href="https://script.hotjar.com">
  <link rel="preconnect" href="https://www.google-analytics.com">
  <link rel="dns-prefetch" href="https://www.google-analytics.com">
  <link rel="preconnect" href="https://cdn.jsdelivr.net">
  <link rel="preconnect" href="https://api.github.com">
  <link rel="preload" href="https://script.hotjar.com/font-hotjar_5.65042d.woff2" as="font" type="font/woff2" crossorigin>
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="translucent">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="keywords" content="angular, ant design, ant, angular ant design, web, ui, components, ng, alain, ng-alain, responsive, typescript, css, mobile web, open source, scaffold, 组件库, 组件, UI 框架, 脚手架">
  <meta name="author" content="cipchk">
  <meta name="description" content="Out-of-box UI solution for enterprise applications, let developers focus on business.">
  <!--Twitter card metadata-->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@cipchk">
  <meta name="twitter:creator" content="@cipchk">
  <meta name="twitter:title" content="NG-ALAIN - 一个基于 Antd 中后台前端解决方案">
  <meta name="twitter:description" content="Out-of-box UI solution for enterprise applications, let developers focus on business.">
  <meta name="twitter:image" content="https://ng-alain.com/assets/screenshot/basic.png">
  <!--Open Graph-->
  <meta property="og:url" content="https://ng-alain.com/">
  <meta property="og:type" content="website">
  <meta property="og:title" content="NG-ALAIN - 一个基于 Antd 中后台前端解决方案">
  <meta property="og:site_name" content="NG-ALAIN - 一个基于 Antd 中后台前端解决方案">
  <meta property="og:locale" content="en_US">
  <meta property="og:description" content="Out-of-box UI solution for enterprise applications, let developers focus on business.">
  <meta property="og:image" content="https://ng-alain.com/assets/screenshot/basic.png">
  <meta property="og:image:secure_url" content="https://ng-alain.com/assets/screenshot/basic.png">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="2048">
  <meta property="og:image:height" content="1536">

  <link rel="shortcut icon" href="./assets/img/logo-color.png">
  <link rel="icon" type="image/x-icon" href="./assets/img/logo-color.png">
  <link rel="apple-touch-icon" sizes="144x144" href="./assets/img/logo-color.png">
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/img/logo-color.png">
  <link rel="manifest" href="manifest.webmanifest" />
  <meta name="theme-color" content="#1976d2" />
</head>

<body ontouchstart>
  <noscript>Please enable JavaScript to continue using this application.</noscript>
  <app-root>
    <div style="position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-family:Helvetica;">loading...</div>
  </app-root>
  <div id="_ie" style="position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;padding-top:32px;font-size:22px;text-align:center;background:#fff;">
    Your browser is not supported for NG-ALAIN document site
  </div>
  <div id="_slow" style="position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;text-align:center;background:#fff;">
    <div>
      <h1 style="font-size:22px;">KEEPING LOAD...</h1>
      <p style="margin: 0; font-size: 16px;">The network is slow, please try to access the <a href="https://ng-alain-doc.surge.sh/" style="padding: 0 4px;">Surge</a> mirror!</p>
    </div>
  </div>
  <script>
    if (!!navigator.userAgent.match(/Trident/g) || !!navigator.userAgent.match(/MSIE/g)) {
      document.querySelector('#_ie').style.display = 'block';
    }

  </script>
  <script>
    if (location.host !== 'ng-alain-doc.surge.sh') {
      setTimeout(() => {
        var el = document.querySelector('#_slow');
        if (el) {
          el.style.display = 'flex';
        }
      }, 1000 * 8);
    }

  </script>
  <script src="./assets/highlight.pack.js"></script>
</body>

</html>
